<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
    <style>\
      * {
            padding: 0;
            margin: 0;
        }

         body {
            max-width: 750px;
            min-width: 320px;
            background: #469a8d;
            margin: 0 auto;
        }

        #content {
            width: 100%;
          
            margin: 0 auto;
          
        }
        #a{
        	width: 70vw;
        	height: 10vw;
        	background: blue;
        	margin: 0 auto;
        	display: block;    
        	margin-top: 30vw;  }
            #b{
        	width: 70vw;
        	height: 10vw;
       background: rgb(255,255,255);
        	margin: 0 auto;
        	border: none;
        	display: block;  
        	margin-top: 10vw;
}

#myname{
	width: 100%;
	height: 100%;
	font-size: 4vw;
}

#btn{
	width: 100%;
	height: 100%;
	font-size: 3vw;
}

        }


</style>
</head>
<body>
	<div id="content">
	<form action="./a.html"  method="get">
		
		<label for="myname" id="a">
			<input type="text" id="myname" name="name" placeholder="请在这里输入你的名字">
		</label>
		<label for="btn" id="b">
		<input type="submit" value="提交" id="btn">
		</label>

	</form>
		</div>
</body>